#learneth .card {
  position: relative;
  border-radius: 0.75rem;
}
#learneth .card-hover:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  border-color: var(--primary) !important;
}
@media (prefers-color-scheme: dark) {
  #learneth .card-hover:hover {
    box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.075) !important;
  }
}

#learneth .card-header .small {
  font-size: 0.75rem;
}
#learneth .title-clamp-2 {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 0.9rem;
}
#learneth .subtitle-clamp-1 {
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 0.8rem;
}
#learneth .body-clamp-4 {
  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;
  word-break: break-word;
  font-size: 0.8rem;
}

#learneth .antenna-bar {
  width: 4px;
  margin-right: 3px;
  border-radius: 2px;
  display: inline-block;
}
#learneth .antenna-bar:last-child { 
  margin-right: 0; 
}

#learneth .remixui_pluginSearch {
  background: var(--body-bg);
  position: sticky; 
  top: 0; 
  z-index: 2;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
#learneth .search-bar-container { 
  position: relative; 
}
#learneth .search-bar-icon {
  position: absolute; 
  top: 50%; 
  left: 10px; 
  transform: translateY(-50%);
  font-size: 12px; 
  opacity: .6;
}
#learneth .remixui_pluginSearchInput { 
  height: 38px; 
}
#learneth .text-primary {
  filter: brightness(150%);
}